<template>
  <div class="backgroundfff">
    <van-row class="realTimeTask">
      <van-col :span="22">
        <div style="padding: 0.3125rem 0;">
          <span class="fontSize16">{{itemData.projectName || '--'}}</span>
          <van-button size="mini" plain type="primary">
            <span v-if="itemData.dangerousLevel === 1">常规</span>
            <span v-else-if="itemData.dangerousLevel === 2">危大</span>
            <span v-else>超危</span>
          </van-button>
        </div>
        <div style="color: #666;" class="fontSize14">施工负责人: {{itemData.builderMan || '--'}}</div>
        <div style="color: #666;" class="fontSize14">安全负责人: {{itemData.safeMan || '--'}}</div>
        <div style="color: #666;" class="fontSize14">开工时间: {{itemData.startDate | formatDate('YYYY-MM-DD HH:mm')}}</div>
        <div style="color: #666;" class="fontSize14">结束时间: {{itemData.endDate | formatDate('YYYY-MM-DD HH:mm')}}</div>
      </van-col>
      <van-col :span="2">
        <van-icon style="line-height: 6.875rem;font-size: 1.5rem;" name="arrow" />
      </van-col>
    </van-row>
  </div>
</template>
<script>
  export default {
    props: ['itemData'],
  }
</script>

<style scoped lang="scss">
  .realTimeTask{
    padding: 0.9375rem;
    font-size: 0.875rem;
    border-bottom: 0.0625rem solid #E5E5E5;
    .van-col--13 div{
      padding-bottom: 0.3125rem;
    }
    .van-col--7{
      height: 6.875rem;
      line-height: 6.875rem;
      img{
        width: 100%;
        display: inline-block;
        vertical-align: middle;
      }
    }
  }
</style>
